.product-share {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  text-align: center;
  transform: translateY(-100%);
  opacity: 0;
  transition: all 0.3s;

  .share-wrapper {
    background-color: #fff;
    padding: 20px 0;

    .share-btn {
      display: inline-block;
      width: 50px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      font-size: 28px;
      border-radius: 8px;
      background-color: #000;
      margin: 0 10px;
      color: #fff;

      &.icon-weibo {
        background-color: #d52a2a;
      }

      &.icon-weichat {
        background-color: #8dc61f;
      }

      &.icon-twitter {
        background-color: #2daae2;
      }
    }
  }

  .share-close {
    display: block;
    background-color: #eee;
    line-height: 1.5;
    color: #404040;
  }

  &.show {
    transform: translateY(0);
    opacity: 1;
  }
}
